<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>教学管理信息服务平台</title>
  <link rel="stylesheet" href="./decoration.css">
</head>

<body>
  <div class="loginPattern">
    <h3 class="title"><i class="iconfont">&#xe792;</i>教学管理信息服务平台</h3>
    <img src="../photos/登录注册背景图.png" alt="">
    <!-- 登录/注册 -->
    <div class="loginOrSign">
      <span class="login">登录
        <!-- 下划线 -->
        <span class="borderLogin"></span>
      </span>
      <span class="sign">注册</span>
    </div>
    <!-- 账号密码输入 -->
    <div class="enter">
      <div><i class="iconfont">&#xe624;</i> <input type="text" placeholder=" 帐号长度不超过12位"></div>
      <div><i class="iconfont">&#xe62f;</i> <input type="password" placeholder=" 密码必须以12位以内的数字、字母搭配"></div>
    </div>
    <!-- 服务条款 -->
    <div class="agree">
      <input type="checkbox" checked> 我已同意<a href="#">《服务条款》</a><a href="#">《权限访问》</a> 等相关条例
    </div>
    <!-- 身份选择 -->
    <div class="whichPosition">
      <span><label for="student">学生</label><input type="radio" name="position" id="student" value="1" checked></span>
      <span><label for="teacher">教师</label><input type="radio" name="position" id="teacher" value="2"></span>
      <span><label for="root">管理员</label><input type="radio" name="position" id="root" value="3"></span>
    </div>
    <!-- 登录确认按钮 -->
    <a href="#" class="loginSure">登录</a>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  <script src="./operation.js"></script>
</body>

</html>